<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>BOSS首页</title>
    <link rel="stylesheet" href="../css/zhaopin_index.css">
    <link rel="stylesheet" href="../css/no_nac.css">
</head>
<body>
<!--用于存放导航栏-->

<div id="backColor">
    <div id="search_div">
        <div id="search_info">
            <div id="search_input">
                <div id="search_input_address"><span>苏州</span><img src="../images/jkf_imgs/arrow.svg" alt=""></div>
                <div id="search_input_ipt"><input type="text" placeholder="搜索职位/公司"></div>
                <div id="search_input_btn"><a href="search_position.html"><button>搜索</button></a></div>
            </div>
            <div id="search_hot">
                <b>热门职位:</b>
                <a href="">Java</a>
                <a href="">PHP</a>
                <a href="">web前端</a>
                <a href="">IOS</a>
                <a href="">Android</a>
                <a href="">产品经理</a>
                <a href="">UI设计师</a>
            </div>
        </div>
    </div>
    <div id="index_vocationList">
        <div id="index_showList">
            <div class="listrow">
                <b>技术</b>
                <a href="">Java</a>
                <a href="">PHP</a>
                <a href="">web前端</a>
                <a href="">算法工程师</a>
                <a href="" class="a_img"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList">
                    <ul>
                        <li>
                            <h4>技术</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>产品</b>
                <a href="">产品经理</a>
                <a href="">产品总监</a>
                <a href="">数据产品经理</a>
                <a href="" class="a_img"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="two">
                    <ul>
                        <li>
                            <h4>产品</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>设计</b>
                <a href="">UI设计师</a>
                <a href="">平面设计师</a>
                <a href="">交互设计师</a>
                <a href="" class="a_img"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="three">
                    <ul>
                        <li>
                            <h4>设计</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>运营</b>
                <a href="">新媒体运营</a>
                <a href="">产品运营</a>
                <a href="">网络推广</a>
                <a href="" id="a_imgY"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="four">
                    <ul>
                        <li>
                            <h4>运营</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>市场</b>
                <a href="">市场营销</a>
                <a href="">市场推广</a>
                <a href="">品牌公关</a>
                <a href="">策划经理</a>
                <a href="" id="a_imgS"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="five">
                    <ul>
                        <li>
                            <h4>市场</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>人事</b>
                <a href="">人事/HR</a>
                <a href="">行政</a>
                <a href="">财务</a>
                <a href="">培训</a>
                <a href="">绩效考核</a>
                <a href="" id="a_imgR"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="six">
                    <ul>
                        <li>
                            <h4>人事</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="listrow">
                <b>高级管理</b>
                <a href="">CEO/总裁/总经理</a>
                <a href="">事业部负责热人</a>
                <a href="" id="a_imgG"><img src="../images/jkf_imgs/goRigth.svg" alt=""></a>
                <div class="index_hideList" id="seven">
                    <ul>
                        <li>
                            <h4>高级管理</h4>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>
                        <li>
                            <div class="text">
                                <a href="">后端开发</a>
                                <a href="">Java</a>
                                <a href="">C++</a>
                                <a href="">PHP</a>
                                <a href="">数据挖掘</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="listrow" id="showmore">
                <b id="more">显示全部职位</b>
            </div>
        </div>
        <div id="listImg">
            <img src="../images/jkf_imgs/chengxuyuan.jpg" alt="">
        </div>
    </div>




    <div id="Position_list">

        <!--职位信息-->
        <div id="Specific_info">
            <div id="Choice_position" class="label_info">
                <ul class="choice_position">
                    <li class="choose">IT·互联网</li>
                    <li>金融</li>
                    <li>房地产·建筑</li>
                    <li>教育培训</li>
                    <li>汽车</li>
                    <li>娱乐传媒</li>
                    <li>医疗健康</li>
                    <li>法律咨询</li>
                    <li>供应链·物流</li>
                    <li>采购贸易</li>
                </ul>
            </div>

            <ul id="Specific_ul" class="js_content"></ul>

            <p class="morePosition"><a href="search_position.html"><button class="btn">查看更多</button></a></p>
        </div>
        <!--公司列表-->
        <div class="company-box">
            <div id="choice_companyType" class="label_info">
                <ul>
                    <li class="choose">热门企业</li>
                    <li>行业巨头</li>
                    <li>新锐公司</li>
                    <li>上市公司</li>
                </ul>
            </div>

            <ul id="companyUl" class="js_content"></ul>

            <p class="morePosition"><a href="search_position.html"><button class="btn">查看更多</button></a></p>
        </div>

    </div>




</div>

</body>
<script src="../js/no_navigation.js"></script>
<script src="../js/zhaopin_index.js"></script>
</html>